    //import Main from '@/views/Main.vue';
    //import Hello from '@/components/routerTest/Hello.vue';
    function dynamicPropsFn (route) {
      const now = new Date()
      return {
        name: (now.getFullYear() + parseInt(route.params.years)) + '!'
      }
    }

    // 不作为Main组件的子页面展示的页面单独写，如下
    export const loginRouter = {
      path: '/login',
      name: 'login',
      meta: {title: 'Login - 登录'},
      component: () => import('@/views/login/login.vue')
    };

    export const routerTest = [

      {
        path: '/',
        components: {
          default: () => import('@/components/routerTest/TestA.vue'),
          b: () => import('@/components/routerTest/TestB.vue'),
          c: () => import('@/components/routerTest/TestC.vue'),
        }
      },
      {
        path: '/TestA', component: () => import('@/components/routerTest/TestA.vue'),
        //redirect: '/TestB',//测试重定向
        children: [
          {path: 'TestA1', name: 'TestA1', component: () => import('@/components/routerTest/TestA1.vue')},
          {path: 'TestA2', name: 'TestA2', component: () => import('@/components/routerTest/TestA2.vue')}
        ],
      },
      {
        path: '/TestB', component: () => import('@/components/routerTest/TestB.vue'),
        children: []
      },
      {
        path: '/TestC', component: () => import('@/components/routerTest/TestC.vue'),
        children: []
      },
      {
        path: '/TestD', component:  () => import('@/components/routerTest/TestD.vue'),
      },

      /* ********************************************************************************************************************************************************************************/
      //以下测试 --路由组件传参--route_props.vue
      /*      { path: '/route_props', component: () => import('@/components/routerTest/route_props.vue') },
            { path: '/', component: Hello }, // No props, no nothing
            { path: '/hello/:name', component: Hello, props: true }, // Pass route.params to props
            { path: '/static', component: Hello, props: { name: 'world' }}, // static values
            { path: '/dynamic/:years', component: Hello, props: dynamicPropsFn }, // custom logic for mapping between route and props
            { path: '/attrs', component: Hello, props: { name: 'attrs' }}*/
      /* ********************************************************************************************************************************************************************************/


      {
        path: '/TestStore1', component:  () => import('@/components/TestStore/TestStore1.vue'),
        path: '/TestStore2', component:  () => import('@/components/TestStore/TestStore2.vue'),
      },

    ];

    // 作为Main组件的子页面展示但是不在左侧菜单显示的路由写在otherRouter里
    export const otherRouter = {
      // path: '/',
      // name: 'otherRouter',
      // redirect: '/home',
      // component: Main,
      // children: [

      // ]
    };

    // 作为Main组件的子页面展示并且在左侧菜单显示的路由写在appRouter里
    export  const  appRouter=[
      { path: '/scrollList', component:  () => import('@/components/scroll/scrollList.vue')   },
      {path: '/$children_$refs_$parent', component:  () => import('@/components/$children_$refs_$parent/parents.vue') },
      {path: '/height', component:  () => import('@/components/height/height.vue')},
      {path: '/httpTest', component:  () => import('@/components/httpTest/httpTest.vue')},
      {path: '/404', component:  () => import('@/views/error/404.vue')},
      {path: '/list', component:  () => import('@/components/add_edit/list.vue')},
      {path: '/filtration', component:  () => import('@/components/filtrationdemo/filtration.vue')},
      {path: '/Keepline', component:  () => import('@/components/TestKeepline/Keepline.vue'),
        children:[
          {path: 'KeeplineA', name:'KeeplineA', component:  () => import('@/components/TestKeepline/KeeplineA.vue'),meta: {keepAlive: true } },
          {path: 'KeeplineB', name:'KeeplineB', component:  () => import('@/components/TestKeepline/KeeplineB.vue'),meta: {keepAlive: true }},
          {path: 'KeeplineC', name:'KeeplineC', component:  () => import('@/components/TestKeepline/KeeplineC.vue'),meta: {keepAlive: true }},
        ]
      },

    ]


    // 所有上面定义的路由都要写在下面的routers里
    export const routes = [
      ...routerTest,
      ...appRouter  //注意参数解析
      //loginRouter,
      //otherRouter,
      // preview,
      // locking,
      //...appRouter,
      // page500,
      // page403,
      // page404
    ];
